<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>课程表</title>

        <meta charset="utf-8">
        <title></title>
        <!-- Bootstrap -->
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
        <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
        <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
        <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</head>
<body>
<table width="800px" border="1px">
    <div class="col-md-12 column">
        <h3>课程表</h3>
    </div>
    <tr>
        <th>
            序号
        </th>
        <th>
           课程
        </th>
        <th>
            类别
        </th>
        <th>
            任课老师
        </th>
        <th>
            周次
        </th>
        <th>
            周几
        </th>
        <th>
            节次
        </th>
        <th>
            地点
        </th>
    </tr>

    <tbody id="tbdata">
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    </tbody>
</table>
</body>
<script>
    loadData()
    function loadData(){

        $.post("/student/select.do",function(res){
            console.log(res);
            if (res.code==0) {
                for (re in res.data) {
                    $("#tbdata").append(`
                    <tr>
                            <td>${res.data[re].id}</td>
                            <td>${res.data[re].courseName}</td>
                            <td>${res.data[re].courseType}</td>
                            <td>${res.data[re].name}</td>
                            <td>${res.data[re].week}周</td>
                            <td>周${res.data[re].weekday}</td>
                            <td>第${res.data[re].day}节</td>
                            <td>${res.data[re].address}</td>
                        </tr>
                    `
                    )
                }
            }
        })

    }

</script>
</html>